/*
 PopCulture - A package to compute metrics on Wikipedia articles.
 Copyright (C) 2012  Nuno J. Silva

 This file is part of PopCulture.

 PopCulture is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, version 3 of the License.

 PopCulture is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with PopCulture.  If not, see <http://www.gnu.org/licenses/>.

*/

html {
    color: black;
    background-color: white;
}
.rule line {
    stroke: #eee;
    shape-rendering: crispEdges;
}

.rule line.axis {
    stroke: #000;
}

rect {
    stroke: black;
}

circle {
    stroke: black;
    fill: lime;
    r: 3px;
}


.line {
    fill: none;
    stroke: black;
}

circle.line {
    fill: #fff;
}

body,input,select {
    font-family: "Liberation Sans", sans-serif;
    font-size: 8pt;
    overflow: hidden;
}

form:not(#contentoptionsform):not(#general_options), .datepicker {
    width: 160px;
    text-align: right;
}

div #timeline_type_key {
    height: 10px;
}

#timeline_impact_key {
    vertical-align: middle;
}

div.gradient_key {
    margin: 1px;
    float: left;
}


div #timeline_type_key_intro {
    float: left;
}
div #timeline_type_key_key {
    float: left;
}

#plots {
    position: absolute; 
    top: 10px;
    left: 190px;
}

#plot1div {
    position: absolute; 
    top: 10px;   
} 

#plot2div {
    position: absolute; 
    top: 30%;   
} 

#datepicker {
    position: absolute; 
    bottom: 150px;   
} 
#general {
    position: absolute; 
    bottom: 2px;   
} 


#sidebartogglebar {
    position: relative;
    top: 0px;
    height: 100%;
    background: lightgray;
    width: 10px;
    float: left;
}

#sidebartoggle {
    position: absolute;
    top: 400px;
    width: 10px;
    font-size: 14pt;
    background: gray;
}

#content {
    top: 0px;
    height: 93%;
    visibility: hidden;
    overflow: hidden; 
    float: right;
}
#contentoptions {
    display: none;
}

#rightpane {
    position: absolute; 
    top: 0px;
    right: 0px;    
    height: 100%;
}


#leftmenu {
    width: 180px;
}

div.plot1msg {
    position: absolute; 
    top: 25%;
    left: 25%;
}

div.plot2msg {
    position: absolute; 
    bottom: 25%;
    left: 25%;
}

div.error {
    height: 30px;
    width: 350px;
    border: 2px red solid;
    background: #ffaaaa;
    padding: 20px;
    visibility: hidden;
}

div.info {
    height: 30px;
    width: 350px;
    border: 2px green solid;
    background: #aaffaa;
    padding: 20px;
    visibility: hidden;
}

#d404plot1, #d404plot2, #demptyplot1, #demptyplot2 {
    visibility: hidden;
}

input[type="text"], select {
    width: 100px;
}

select {
    background: none;
}
div.diffminus {
    background: #F99;
}
div.diffplus {
    background: #9F9;
}

span.diffmarkerminus,
span.diffmarkerplus,
span.diffmarker {
    font-family: fixed;
    font-weight: bold;
}

span.diffmarkerminus {
    color: red;
    background: #FFFB98;
}

span.diffmarkerplus {
    color: green;
    background: #FFFB98;
}

table.tooltiptable  td.timestampcell {
    max-width: 60px;
    word-wrap: break-word; /* https://developer.mozilla.org/En/CSS/Word-wrap */
}
